iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

蛻變事實-勉強自己面對 JavaScript、API、Ajax 的學習雜記系列 第 6

[蛻變事實/學習書記-D05] jQuery- AJAX load() 方法

  • 分享至 

  • xImage
  •  

今天執行 w3school的練習題

在HTML head內加上 jQuery CDN 及 script

<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
  
  <script type="text/javascript">
$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  //url:"/jquery/test1.txt" 部份改為你存放的txt路徑
  $("#myDiv").html(htmlobj.responseText);
  });
});
</script>

body 裡加入

<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>

上一篇
[蛻變事實/學習書記-D04] 調整目標:JQurey+Ajax +Json
下一篇
[蛻變事實/學習書記-D06] jQuery- AJAX ,讀取json方法
系列文
蛻變事實-勉強自己面對 JavaScript、API、Ajax 的學習雜記7
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言